.a_demo_four{background-color:#3bb3e0; font-family:'Open Sans',sans-serif; font-size:12px; text-decoration:none; color:#ff0000; position:relative; padding:10px 20px; padding-right:50px; background-image:linear-gradient(bottom,rgb(44,160,202) 0%,rgb(62,184,229) 100%); background-image:-o-linear-gradient(bottom,rgb(44,160,202) 0%,rgb(62,184,229) 100%); background-image:-moz-linear-gradient(bottom,rgb(44,160,202) 0%,rgb(62,184,229) 100%); background-image:-webkit-linear-gradient(bottom,rgb(44,160,202) 0%,rgb(62,184,229) 100%); background-image:-ms-linear-gradient(bottom,rgb(44,160,202) 0%,rgb(62,184,229) 100%); background-image:-webkit-gradient(
        linear,left bottom,left top,color-stop(0,rgb(44,160,202)),color-stop(1,rgb(62,184,229))
        ); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 0 1px 0 #2ab7ec,0px 5px 0 0 #156785,0px 10px 5px #999; -moz-box-shadow:inset 0 1px 0 #2ab7ec,0px 5px 0 0 #156785,0px 10px 5px #999; -o-box-shadow:inset 0 1px 0 #2ab7ec,0px 5px 0 0 #156785,0px 10px 5px #999; box-shadow:inset 0 1px 0 #2ab7ec,0px 5px 0 0 #156785,0px 10px 5px #999}
   
.a_demo_four:active{top:3px; background-image:linear-gradient(bottom,rgb(62,184,229) 0%,rgb(44,160,202) 100%); background-image:-o-linear-gradient(bottom,rgb(62,184,229) 0%,rgb(44,160,202) 100%); background-image:-moz-linear-gradient(bottom,rgb(62,184,229) 0%,rgb(44,160,202) 100%); background-image:-webkit-linear-gradient(bottom,rgb(62,184,229) 0%,rgb(44,160,202) 100%); background-image:-ms-linear-gradient(bottom,rgb(62,184,229) 0%,rgb(44,160,202) 100%); background-image:-webkit-gradient(
        linear,left bottom,left top,color-stop(0,rgb(62,184,229)),color-stop(1,rgb(44,160,202))
        ); -webkit-box-shadow:inset 0 1px 0 #2ab7ec,0px 2px 0 0 #156785,0px 5px 3px #999; -moz-box-shadow:inset 0 1px 0 #2ab7ec,0px 2px 0 0 #156785,0px 5px 3px #999; -o-box-shadow:inset 0 1px 0 #2ab7ec,0px 2px 0 0 #156785,0px 5px 3px #999; box-shadow:inset 0 1px 0 #2ab7ec,0px 2px 0 0 #156785,0px 5px 3px #999}
   
.a_demo_four::before { background-color:#2591b4; background-image:url(http://1.bp.blogspot.com/-x4tMF0AVXlg/UVaMqklREOI/AAAAAAAAAD0/OD4WSoRhGkE/s320/right_arrow.png); background-repeat:no-repeat; background-position:center center; content:""; width:20px; height:20px; position:absolute; right:15px; top:50%; margin-top:-9px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-box-shadow:inset 0 1px 0 #052756,0px 1px 0 #60c9f0; -moz-box-shadow:inset 0 1px 0 #052756,0px 1px 0 #60c9f0; -o-box-shadow:inset 0 1px 0 #052756,0px 1px 0 #60c9f0; box-shadow:inset 0 1px 0 #052756,0px 1px 0 #60c9f0; }
.a_demo_four:active::before { top:50%; margin-top:-12px; -webkit-box-shadow:inset 0 1px 0 #60c9f0,0px 3px 0 #0e3871,0px 6px 3px #1a80a6; -moz-box-shadow:inset 0 1px 0 #60c9f0,0px 3px 0 #0e3871,0px 6px 3px #1a80a6; -o-box-shadow:inset 0 1px 0 #60c9f0,0px 3px 0 #0e3871,0px 6px 3px #1a80a6; box-shadow:inset 0 1px 0 #60c9f0,0px 3px 0 #0e3871,0px 6px 3px #1a80a6; }

#tablers
{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}

#tablers td,
#tablers th {font-size:13px;border:1px solid #35A1CA;padding:3px 7px 2px 7px;}

#tablers th {font-size:13px;text-align:center;border:1px solid #ffffff;padding-top:5px;padding-bottom:4px;background-color:#35A1CA;color:#ffffff;}

#tablers tr.alt td {color:#1376c1;background-color:#D8F0F9;}
#tablers tr.alt1 td {color:#7f7f7f;background-color:#f4f4f4;}

#tablers tr td {color:#35A1CA;background-color:#ffffff;}
th{height:10px;}
{text-align:center;}
td{padding:5px;}
td{text-align:center;}
th.alt{width:200px}
th.besar{width:70%}



@media screen and (max-width: 980px) {

#tablers
{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}
img {max-width:980;height:auto;width:auto\9; /* IE8 */}


@media screen and (max-width: 800px) {

#tablers
{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}

#tablers td,
#tablers th{font-size:12px;}

#tablers th {font-size:12px;}
.post{width:240;margin:4px;padding:2px}
img {max-width:800;height:auto;width:auto\9; /* IE8 */}



@media screen and (max-width: 480px) {

#tablers
{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}

#tablers td,
#tablers th{font-size:11px;}

#tablers th {font-size:11px;}
.post{width:480;margin:0px;padding:0px}
img {max-width:480px;height:auto;width:auto\9; /* IE8 */}
}

@media only screen and (max-width: 320px) {

#tablers
{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}

#tablers td,
#tablers th{font-size:5px;}

#tablers th {font-size:5px;}
.post{width:auto;margin:0px;padding:0px}
img {max-width:320px;height:auto;width:auto\9; /* IE8 */}
}

@media screen and (max-width: 240px) {

#tablers{font-family:"Arial", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}

#tablers td,
#tablers th{font-size:4px;text-align:center;padding:0px 0px 0px 0px;}

#tablers th {font-size:4px;text-align:center;}
.post{width:240;margin:0px;padding:0px}
img {max-width:240px;height:auto;width:auto\9; /* IE8 */}
}
.a_demo_four {font-size:7px;}
}